body{
    min-height: 800px;
    background: #E8E8E8 ;
}
.swip{
    width: 100%;
    height: 95px;
    background: deepskyblue;
    .swiper{
        width: 100%;
         height: 95px;
         .swiper-container{
            width: 100%;
            height: 95px;
            .img{
             width: 100%;
    
             object-fit: cover;
             }
         }
       
    }
}
.user{
    width: 100%;
    height: 209px;
    background: white;
    overflow: hidden;
    .user_name{
        margin-top: 25px;
      .user_name_box1{
        flex: 8;
        height: 120px;
        .user_name_box1_gb{
            position: relative;
            width: 118px;
            height: 120px;
            border-radius: 50%;
            background: #ccc;
            margin-left: 20px;
        img{
            width: 118px;
            height: 120px;
            border-radius: 50%;
        }
            .user_name_box1_vip{
                position: absolute;
                right: -1px;
                bottom: 15px;
                width: 44px;
                height: 22px;
              
            }
         
        }
    .user_name_p{
        margin-top: 50px;
       padding-left: 10px;
       font-size: 22px;
    }
      } 
      .user_name_box2{
        flex: 2;
        height: 120px;
        .user_name_box2_p{
            color: #8A8A8A ;
            margin-top: 50px;
            font-size: 25px;
            padding-left: 35px;
           
        }
      } 
    }
}
.icon-vip{
    font-size: 50px !important;
    color: orangered;
}
.user_name_tex{
    font-size: 18px;
  margin-top: 25px;
  margin-left: 30px;
  color: rgba(138, 138, 138, 1);
}
// 打卡
.Clock{
    margin: 20px 0px;
    width: 100%;
    height: 80px;
    background: white;
.Clock_box{
    width: 363px;
    height: 80px;
   .Clock_box_m{
    width: 190px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    .Clock_box_sp{
        color: #4294FF;
        font-size: 30px;
    }
    .Clock_box_span{
        font-size: 30px;
        color: #4294FF;
    }
   }
   .Clock_box_p{
    width: 103px;
    height: 40px;
    line-height: 40px;
    border-radius: 25px;
    text-align: center;
    background: #AAD9F7;
    font-size: 20px;
  
   }
}

}
// 个人动态
.Dynamic{
    width: 100%;
    height: 68px;
    background: white;
    .Dynamic_box{
        width: 363px;
        height: 68px;
        .Dynamic_box_sp{
            font-size: 30px;
            color: #4294FF;
        }
        .Dynamic_box_ge{
            margin-left: 10px;
            font-size: 16px;
        } 
        .box{
            position: relative;
            .Dynamic_box_dd{
                display: block;
                width: 50px;
                height: 50px;
                position: absolute;
                bottom: -23px;
                right: 15px;
               font-size: 16px;
              }
            .Dynamic_box_span{
                font-size: 30px;
                color: rgba(138, 138, 138, 1);
            }
        }
     
    }
}
// 运动
.Sports{
    margin: 20px 0px;
    width: 100%;
    height: 176px;
    background: white;
    .Sports_min{
        margin-left: 25px;
        width: 363px;
        height: 176px;
     
        .Sports_left{
            padding: 20px 0px;
            width: 192px;
            height: 176px;
           
            .Sports_left_shu{
                font-size: 18px;
                color: black;
            }
            .ports_left_box{
                padding-left: 10px;
                width: 100%;
                height: 88px;
                border-right: 3px dotted #ddd;
                .Sports_left_p22{
                    
            color: #8A8A8A;
                }
            }
            .Sports_left_box_sp2{
                font-size: 30px;
               color: #4294FF;
         }
        }
        .Sports_left_span{
            font-size: 40px;
            color:#4294FF ;
        }
        .Sports_left_p{
            margin-left: 36px;
            color: #8A8A8A;
        }
        .Sports_rigt{
            padding: 20px 0px;
            width: 192px;
            height: 176px;
        
            .Sports_rigt_div{
                position: relative;
                text-align: right;
                .Dynamic_box_span{
                    color: rgba(138, 138, 138, 1);
                    font-size: 30px;
                }
            }
            .Sports_rigt_p{
                width: 100%;
                height: 30px;
            }
              .Sports_left_span22{
                margin-left: 30px;
            font-size: 40px;
            color:#4294FF ;
        }
        }
    }
}
// <!-- 我的运动徽章 -->
.badge{
    margin: 20px 0px;
    margin-bottom: 20px;
    width: 100%;
    height: 185px;
    background: white;
    .badge_min{
        margin-left: 25px;
        width: 363px;
        height: 175px;
        .badge_top{
            width: 100%;
           height: 60px;
           line-height: 60px;
       
           .badge_top_span{
            font-size: 18px;
           }
           .badge_top_sp{
            font-size: 30px;
            color: #4294FF;
           }
        }
        .Dynamic_box_span{
                       
            padding-left: 10px;
            color: rgba(138, 138, 138, 1);
            font-size: 30px;
        }
        // 底部
        .badge_botm{
            width: 100%;
            height: 113px;
            img{
                width: 100px;
                height: 100px;
                border-radius: 50%;
               }
            .badge_botm_box1{
                width: 100px;
                height: 100px;
                border-radius: 50%;
             
              
            }
            .badge_botm_box2{
                width: 100px;
                height: 100px;
                border-radius: 50%;
         
            }
            .badge_botm_box3{
                width: 100px;
                height: 100px;
                border-radius: 50%;
          
            }
        }
    }
   
}

// // 底部
// footer{
//     position: fixed;
//     left: 0px;
//     bottom: 0px;
//     width: 100%;
//     height: 77px;
//     background: white;
//     .foot_box{
//         width: 380px;
//         height: 77px;
//         background: darkgoldenrod;
//         .foot_box1{
//             width: 95px;
//             height: 77px;
//             background: darkgreen;
//         }
//         .foot_box2{
//             width: 95px;
//             height: 77px;
//             background: aquamarine;
//         }
//         .foot_box3{
//             width: 95px;
//             height: 77px;
//             background: forestgreen;
//         }
//         .foot_box4{
//             width: 94px;
//             height: 77px;
//             background: goldenrod;
//         }
//     }    
//     }
.acdd{
    width: 103px;
    height: 40px;
    line-height: 40px;
    border-radius: 25px;
    text-align: center;
    background: #AAD9F7;
    color: rgba(0, 0, 0, 0.208);
    font-size: 20px;
}